import { ref } from 'vue'
import {useEventListener} from './event'
// 重复调用
// 按照惯例，组合式函数名以“use”开头
export function useMouse() {
  // 被组合式函数封装和管理的状态
  const x = ref(0)
  const y = ref(0)

  // 组合式函数可以随时更改其状态。
  useEventListener(window,'mousemove', (e) => {
    x.value = e.pageX
    y.value = e.pageY
  })


  // 通过返回值暴露所管理的状态
  return { x, y }
}